<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>临沂市消防监控系统</title>
    <link rel="stylesheet" type="text/css" href="../lib/css/elementui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <link rel="stylesheet" href="../lib/css/bootstrop.css" />
    <link rel="stylesheet" href="../css/login.css">
   <!-- <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/from.css">-->
    <link rel="stylesheet" href="../css/main.css">
    <script src="../lib/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../lib/js/uilt.config.js"></script>
    <script src="../../lib/js/uitl.js"></script>
    <script src="../lib/js/jquery.cookie.js"></script>
    <link rel="stylesheet" href="../css/mues_side.css">
    <script src="../lib/layui/layui.all.js"></script>
   <script src="../lib/js/bootstrap.min.js"></script>
</head>

<body>
    <div id="cele">
        <el-container>
            <el-header >
                <el-row :gutter="20">
                    <el-col :span="5">
                        <div class="header-bj header-left">
                            {{time}}
                        </div>
                    </el-col>
                    <el-col :span="14">
                        <div class="header-center">
                            <h3>消防联动预警平台</h3>
                        </div>
                    </el-col>
                    <el-col :span="5">
                        <div class="header-right">
                            <div class="header-bj  header-text">
                                <p>{{FireManInfoModel.Fire_brigade_name}}</p>
                            </div>
                            <div class="header-bj  header-btn" @click="Quit">退出</div>
                        </div>
                    </el-col>
                </el-row>
            </el-header>
            <el-container>
                <el-aside width="220px"  style="margin-top: 10px;margin-left: 20px;">
                    <el-row class="tac">
                    <el-col :span="24">
                        <div class="container-fluid">
                            <div class="row">
                                <div class=" main-left-bj background">
                                    <ul id="main-nav" class="nav nav-stacked" style="">
                                        <li>
                                            <a href="fire_main.html" class="nav-header collapsed">
                                                首页
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#jy" class="nav-header collapsed active" data-toggle="collapse">
                                                救援行动
                                                <span class="pull-right glyphicon glyphicon-plus red-text"></span>
                                            </a>
                                            <ul id="jy" class="nav nav-list collapse secondmenu text-center" style="height: 0px;">
                                                <li><a href="#">历史行动</a></li>
                                                <li><a href="#">出警信息</a></li>
                                                <li><a href="#">应急预案</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#systemSetting" class="nav-header collapsed" data-toggle="collapse">
                                                消防员
                                                <span class="pull-right glyphicon glyphicon-plus red-text"></span>
                                            </a>
                                            <ul id="systemSetting" class="nav nav-list collapse secondmenu text-center" style="height: 0px;">
                                                <li><a href="control_People.html">人员排版</a></li>
                                                <li><a href="roster.html">人员信息维护</a></li>
                                                <li><a href="#">行动统计</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#wz" class="nav-header collapsed" data-toggle="collapse">
                                                微站管理
                                                <span class="pull-right glyphicon glyphicon-plus red-text"></span>
                                            </a>
                                            <ul id="wz" class="nav nav-list collapse secondmenu text-center" style="height: 0px;">
                                                <li><a href="#">历史行动</a></li>
                                                <li><a href="Smallservice.html">出警信息</a></li>
                                                <li><a href="#">应急预案</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#tz" class="nav-header collapsed" data-toggle="collapse">
                                                通知管理
                                                <span class="pull-right glyphicon glyphicon-plus red-text"></span>
                                            </a>
                                            <ul id="tz" class="nav nav-list collapse secondmenu text-center" style="height: 0px;">
                                                <li><a href="#">人员排版</a></li>
                                                <li><a href="#">人员信息维护</a></li>
                                                <li><a href="#">行动统计</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#xf" class="nav-header collapsed active" data-toggle="collapse">
                                                消防知识
                                                <span class="pull-right glyphicon glyphicon-plus red-text"></span>
                                            </a>
                                            <ul id="xf" class="nav nav-list collapse secondmenu text-center" style="height: 0px;">
                                                <li><a href="#">历史行动</a></li>
                                                <li><a href="#">出警信息</a></li>
                                                <li><a href="#">应急预案</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#xt" class="nav-header collapsed active" data-toggle="collapse">
                                                系统管理
                                                <span class="pull-right glyphicon glyphicon-plus red-text"></span>
                                            </a>
                                            <ul id="xt" class="nav nav-list collapse secondmenu text-center" style="height: 0px;">
                                                <li><a href="#">历史行动</a></li>
                                                <li><a href="#">出警信息</a></li>
                                                <li><a href="#">应急预案</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </el-col>
                </el-row>
                </el-aside>
                <el-main>
                    <div class="container-fluid" style="padding: 0">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="row">
                                <div class=" col-md-4 col-sm-4 col-lg-4 col-xs-4 background con-hz text-center">
                                    <p>当前行动</p>
                                    <span>{{ProceedFire}}个火灾</span>
                                    <a href="javascript:void(0);" class="background" @click="newOpen" target="_blank">新建</a>
                                </div>
                                <div class=" col-md-4 background con-hz text-center">
                                    <p>今日行动</p>
                                    <span>{{PutProceed}}个火灾</span>
                                    <a href="javascript:void(0);" class="background" target="_blank" @click="Toupdate">查看</a>
                                </div>
                               <!-- <div class="background  con-peo">
                                    <div class="bg">
                                        <table>
                                            <tbody>
                                            <tr>
                                                <td>大队值班：</td>
                                                <td>{{DDZB_name}}</td>
                                            </tr>
                                            <tr>
                                                <td>值班参谋：</td>
                                                <td>{{ZBCM_name}}</td>
                                            </tr>
                                            <tr>
                                                <td>值班文员：</td>
                                                <td>{{ZBWY_name}}</td>
                                            </tr>
                                            <tr>
                                                <td style="position: absolute;">中队值班：</td>
                                                <td>
                                                    <p>孙悟空</p>
                                                    <p>沙和尚</p>
                                                    <p>唐僧</p>
                                                    <p>孙悟空</p>
                                                    <p>沙和尚</p>
                                                    <p>唐僧</p>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>-->
                                <div class="col-md-4 background text-center con-hz">
                                    <p>执勤实力</p>
                                    <ul >
                                        <li style="line-height: 16px" v-for="(item,index) in SetVehicle">{{item.Type}}</li>
                                    </ul>
                                </div>
                                </div>
                            </div>
                            <!--<div class="col-md-7">
                                <div class="notice background">
                                    <div class="bg" style="margin-top: 0">
                                        <table>
                                            <tbody id="tbody">
                                            <tr v-for="(item,index) in tableData">
                                                <td>
                                                    <span>{{item.num}}</span>
                                                </td>
                                                <td>{{item.msg}}</td>
                                                <td>{{item.date}}</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>-->
                        </div>
                    </div>
                    <div class="main-nr">
                        <div class="main-nr-bj background">
                            <div class="main-nr-bt">
                                <h3>中队排班</h3>
                                <!--<p>值班领导(内勤)：{{ZNPeople}}</p>-->
                               <!-- <p>值班通讯员(内勤)：{{TNPeople}}</p>-->
                                <p>值班领导(外勤)：{{ZWLPeople}}</p>
                                <p>值班通讯员(外勤)：{{TWPeople}}</p>
                            </div>
                            <div class="row main-nr-pb">
                                <div class="col-md-3 pb-bj background" v-for="(item,index) in VehicleClass">
                                    <p class="xiaofang">{{item.Vehicle_type}}</p>
                                    <div class="table-bj">
                                        <table class="text-center">
                                            <tbody>
                                                <tr>
                                                    <td>驾驶员：</td>
                                                    <td>{{item.Driver_name}}</td>
                                                </tr>

                                                <tr v-for="n in item.Solider_number">
                                                    <td>{{n}}号位：</td>
                                                    <td>{{item['Solider_name_'+n]}}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </el-main>
            </el-container>
        </el-container>
        <div class="main-table ly-bigbg" v-show="flag">
            <div>
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                        <tr>
                            <th>出警编号</th>
                            <th>报警电话</th>
                            <th>机主姓名</th>
                            <th>燃烧物质</th>
                            <th>灾害地址</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                          <tr v-for="(item,index) in lookchat">
                              <td>
                                  <span >{{item.Record_number}}</span>
                              </td>
                              <td>
                                  <span>{{item.Alarm_call}}</span>
                              </td>
                              <td>
                                  <span>{{item.Phone_name}}</span>
                              </td>
                              <td>
                                  <span>{{item.Burning_material}}</span>
                              </td>
                              <td>
                                  <span>{{item.Fire_address}}</span>
                              </td>
                              <td>
                                  <button class="bgcolor" @click="goin(item.Number)">确定</button>
                              </td>

                          </tr>
                        </tbody>
                    </table>
                <div class="gb">
                    <input type="button" value="关闭" @click="gb()">
                </div>
            </div>
        </div>

        <!--<div class="kong">-->
            <!--<p>没有火灾救援行动，无法操作</p>-->
        <!--</div>-->
    </div>
</body>


<script src="../lib/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="../lib/js/elementui.js" type="text/javascript" charset="utf-8"></script>
<script src="../lib/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/config.js"></script>
<script src="../js/fire_main.js" type="text/javascript" charset="utf-8"></script>

<style>
    .el-icon-arrow-down:before {
        content: "\e62B";
        font-weight: 900;
        color: red;
    }
    .el-icon-minus:before{
        content:"\e621";
        font-weight: 900;
        color: yellow;
    }
    .main-table table td {
        line-height: 30px;
        color: #fff;
    }
    .bgcolor {
        color: #fff;
        border-radius: 100px;
        font-size: 12px;
        /* padding: 2px 10px; */
        display: inline;
        width: 80px;
        height: 24px;
        line-height: 20px;
        background: red;
        border: red;
    }
    table#tbody tr:nth-child(1) span{
        background: red!important;
     }
    table#tbody tr:nth-child(2) span{
        background: #BAC100!important;
    }
    .xiaofang{
        font-weight: 900;
        font-size: 16px;
        text-align: center;
    }
</style>
<!--<script>
/*    var _FireManInfoModel = {};
    var _UserRoleRelationModel = {};
    $(function () {
        debugger
        
        var c =  $.cookie('token')
        debugger
//        if(c==''|| c==undefined){
            //  token 如果等于空 返回登陆页
            window.location.href='../login.html'
//        }else {
            showLeftTime();
            $('.main-left-bj ul li a').click(function(){
                debugger
                $(this).find('span').toggleClass('glyphicon-plus glyphicon-minus yellow-text')});
            _FireManInfoModel = $.parseJSON( localStorage.getItem('msg') );
            _UserRoleRelationModel = $.parseJSON( localStorage.getItem('item') );
            console.log(_FireManInfoModel)
            console.log(_UserRoleRelationModel)         //  存储信息
            init(_FireManInfoModel,_UserRoleRelationModel)
//        }
       
        //每次点击退出返回登陆页后 清空cookie
        $('#Quit').click(function () {
            $.cookie('token', '',{ expires: -1 ,path: '/' });
            window.location.href='../login.html'
        })
    })
    //初始化 公共数据
    function init(_FireManInfoModel,_UserRoleRelationModel) {
        $('#item_id').html(_FireManInfoModel.Fire_brigade_name)
    }*/

</script>-->
</html>